html,
body {
    height: 100%;
    background-color: #fff;
    margin:0;
}
.content {
   height: 100%;
}

.content .navigation{
    flex:0 0 auto;
    height: 40px;
    display: flex;
    padding-left:20px;
    justify-content: center;
    flex-direction: column;
    background-color: #f2f2f2;
    color:#01aeff;
    font-size: 16px;
}

.content .logo {
    flex:0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:8%;

}

.content .logo img{
    max-width: 28%;
}
.content .logo .prompt-font{
    color:#01aeff;
    font-size: 15px;
    margin-top:20px;
}

.content .center{
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.content .center  .form{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content .center  .form .input{
    width: 80%;
    height: 40px;
    border-radius: 8px;
    border:1px solid #aee5ff;
    text-indent: 8px;
    margin-top:10px;
    outline:none;
}

.content .center  .code{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top:10px;
}

.content .center  .code .code-input{
    outline:none;
    border-radius: 8px;
    border:1px solid #aee5ff;
    text-indent: 8px;
    width:56%;
    margin-right: 2%;
    height: 100%;
}

.content .center  .code  .identy-code{
    height: 100%;
    width:22%;
}

.content .center  .form .login-buttom{
    width: 80%;
    margin-top:20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #01aeff;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
}

.content .center  .form .gray-font{
    color:#d2d2d2;
    font-size: 12px;
    margin-top:10px;
}

.content .center  .form .gray-font .font-link{
    color:#01aeff;
    font-size: 12px;
    margin-left:5px;
    text-decoration: underline;
}

.content .bg {
    flex:0 0 auto;
    width: 100%;
}

.content .bg img{
    width: 100%;
}